<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Task 2-23</title>
    <link rel="stylesheet" href="css/style.css" />
</head>
<body>
<section class="wrapper level0">
    Super
    <div class="level1 flex-4">
        Good
        <div class="level2 flex-5">
            Apple
            <div class="level3">
                One
            </div>
            <div class="level3">
                Two
            </div>
            <div class="level3">
                Three
            </div>
            <div class="level3">
                Four
            </div>
        </div>
        <div class="level2 flex-2">
            Phone
        </div>
        <div class="level2 flex-3">
            <div class="level3">
                Book
            </div>
            <div class="level3">
                School
            </div>
        </div>
    </div>
    <div class="level1 flex-4">
        Note
        <div class="level2">
            Human
            <div class="level3">
                Code
            </div>
            <div class="level3">
                Operate
            </div>
            <div class="level3">
                Man
            </div>
        </div>
        <div class="level2">
            Program
            <div class="level3 flex-6">
                Bement
                <div class="level4">
                    Cat
                </div>
            </div>
            <div class="level3 flex-4">
                Gass
            </div>
        </div>
    </div>
    <div class="level1 flex-2">
        Fish
    </div>
</section>
<button>开始遍历</button>
<input type="text" placeholder="请输入查询字符串"/>
<button>开始查询</button>
<span>查询结果</span>
<script src="js/util.js"></script>
<script src="js/task.js"></script>
</body>
</html>